/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/543(这个说明仅在演示里会看到,下载的源码里没有)*/.bs-slider{    overflow: hidden;    position: relative;}.bs-slider:hover {    cursor: -moz-grab;    cursor: -webkit-grab;}.bs-slider:active {    cursor: -moz-grabbing;    cursor: -webkit-grabbing;}.bs-slider .bs-slider-overlay {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.60);}.bs-slider >.carousel-inner >.item >img,.bs-slider >.carousel-inner >.item >a >img {    margin: auto;    width: 100% !important;}/*************************Slide effect**********************/.fade {    opacity: 1;}.fade .item {    top: 0;    z-index: 1;    opacity: 0;    width: 100%;    position: absolute;    left: 0 !important;    display: block !important;    -webkit-transition: opacity ease-in-out 1s;    -moz-transition: opacity ease-in-out 1s;    -ms-transition: opacity ease-in-out 1s;    -o-transition: opacity ease-in-out 1s;    transition: opacity ease-in-out 1s;}.fade .item:first-child {    top: auto;    position: relative;}.fade .item.active {    opacity: 1;    z-index: 2;    -webkit-transition: opacity ease-in-out 1s;    -moz-transition: opacity ease-in-out 1s;    -ms-transition: opacity ease-in-out 1s;    -o-transition: opacity ease-in-out 1s;    transition: opacity ease-in-out 1s;}/*---------- LEFT/RIGHT ROUND CONTROL ----------*/.tuch-four.control-round .carousel-control {    top: 47%;    opacity: 0;    width: 45px;    height: 45px;    z-index: 100;    color: #ffffff;    display: block;    font-size: 24px;    cursor: pointer;    overflow: hidden;    line-height: 43px;    text-shadow: none;    position: absolute;    font-weight: normal;    background: transparent;    -webkit-border-radius: 100px;    border-radius: 100px;}.tuch-four.control-round:hover .carousel-control{    opacity: 1;}.tuch-four.control-round .carousel-control.left {    left: 1%;}.tuch-four.control-round .carousel-control.right {    right: 1%;}.tuch-four.control-round .carousel-control.left:hover,.tuch-four.control-round .carousel-control.right:hover{    color: #fdfdfd;    background: rgba(0, 0, 0, 0.5);    border: 0px transparent;}.tuch-four.control-round .carousel-control.left>span:nth-child(1){    left: 45%;}.tuch-four.control-round .carousel-control.right>span:nth-child(1){    right: 45%;}/*---------- INDICATORS CONTROL ----------*/.tuch-four.indicators-line >.carousel-indicators{    right: 45%;    bottom: 3%;    left: auto;    width: 90%;    height: 20px;    font-size: 0;    overflow-x: auto;    text-align: right;    overflow-y: hidden;    padding-left: 10px;    padding-right: 10px;    padding-top: 1px;    white-space: nowrap;}.tuch-four.indicators-line >.carousel-indicators li{    padding: 0;    width: 15px;    height: 15px;    border: 1px solid rgb(158, 158, 158);    text-indent: 0;    overflow: hidden;    text-align: left;    position: relative;    letter-spacing: 1px;    background: rgb(158, 158, 158);    -webkit-font-smoothing: antialiased;    -webkit-border-radius: 50%;    border-radius: 50%;    margin-right: 5px;    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);    z-index: 2;    cursor:pointer;}.tuch-four .carousel-indicators{    z-index: 5;}.tuch-four.indicators-line >.carousel-indicators li:last-child{    margin-right: 0;}.tuch-four.indicators-line >.carousel-indicators .active{    margin: 1px 5px 1px 1px;    box-shadow: 0 0 0 2px #fff;    background-color: transparent;    position: relative;    -webkit-transition: box-shadow 0.3s ease;    -moz-transition: box-shadow 0.3s ease;    -o-transition: box-shadow 0.3s ease;    transition: box-shadow 0.3s ease;    -webkit-transition: background-color 0.3s ease;    -moz-transition: background-color 0.3s ease;    -o-transition: background-color 0.3s ease;    transition: background-color 0.3s ease;}.tuch-four.indicators-line >.carousel-indicators .active:before{    transform: scale(0.5);    background-color: #fff;    content:"";    position: absolute;    left:-1px;    top:-1px;    width:15px;    height: 15px;    border-radius: 50%;    -webkit-transition: background-color 0.3s ease;    -moz-transition: background-color 0.3s ease;    -o-transition: background-color 0.3s ease;    transition: background-color 0.3s ease;}/*tuch-four caption*/.tuch-four .slide-text {    left: 0%;    top: 25%;    right: 0;    margin: auto;    position: absolute;    text-align: left;    padding:10px 45px;}.tuch-four .slide-text {    width:90%;}/*---------- SLIDE CAPTION ----------*/.slide_style_left {    text-align: left !important;}.slide_style_right {    text-align: right !important;}.slide_style_center {    text-align: center !important;}.slide-text {    left: 0;    top: 25%;    right: 0;    margin: auto;    position: absolute;    text-align: left;    padding:50px 45px 10px;}.slide-text >h1 {    /*    padding: 0;        color: #ffffff;        font-size: 70px;        font-style: normal;        line-height: 84px;        margin-bottom: 30px;*/    letter-spacing: 1px;    display: inline-block;    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.slide-text >p {    /*    padding: 0;        color: #ffffff;*/    font-size: 16px;    font-family: 'Heebo', sans-serif;    font-weight: 400;    /*    line-height: 24px;*/    /*font-weight: 300;*/    /*margin-bottom: 40px;*/    /*letter-spacing: 1px;*/    -webkit-animation-delay: 1.1s;    animation-delay: 1.1s;}.slide-text >a.btn-default{    /*    color: #000;        font-weight: 400;        font-size: 13px;        line-height: 15px;        margin-right: 10px;        text-align: center;        padding: 17px 30px;        white-space: nowrap;        letter-spacing: 1px;        display: inline-block;        border: none;        text-transform: uppercase;*/    -webkit-animation-delay: 2s;    animation-delay: 2s;    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}.slide-text >a.btn-primary{    /*    color: #ffffff;        cursor: pointer;        font-weight: 400;        font-size: 13px;        line-height: 15px;        margin-left: 10px;        text-align: center;        padding: 17px 30px;        white-space: nowrap;        letter-spacing: 1px;        background: #00bfff;        display: inline-block;        text-decoration: none;        text-transform: uppercase;        border: none;*/    -webkit-animation-delay: 2s;    animation-delay: 2s;    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}/*.slide-text >a:hover,.slide-text >a:active {    color: #ffffff;    background: #222222;    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}*//*------------------------------------------------------*//* KEN BURNS EFFECTS/*------------------------------------------------------*//*------------------------------------------------------*//* KEN BURNS EFFECTS/*------------------------------------------------------*/.kenburns_zoomInOut >.carousel-inner >.item >img,.kenburns_zoomInOut >.carousel-inner >.item >a >img{    -webkit-transform-origin: 100% 0%;    -moz-transform-origin: 100% 0%;    -ms-transform-origin: 100% 0%;    -o-transform-origin: 100% 0%;    transform-origin: 100% 0%;    -webkit-animation: kenburns_zoomInOut 25s linear 0s infinite alternate;    -moz-animation: kenburns_zoomInOut 25s linear 0s infinite alternate;    -o-animation: kenburns_zoomInOut 25s linear 0s infinite alternate;    -ms-animation: kenburns_zoomInOut 25s linear 0s infinite alternate;    animation: kenburns_zoomInOut 25s linear 0s infinite alternate;}/*---------- ANIMATION ----------*/@-webkit-keyframes kenburns_zoomInOut {    0% {        -webkit-transform: scale(1);    }    100% {        -webkit-transform: scale(1.2);    }}@-moz-keyframes kenburns_zoomInOut {    0% {        -moz-transform: scale(1);    }    100% {        -moz-transform: scale(1.2);    }}@-ms-keyframes kenburns_zoomInOut {    0% {        -ms-transform: scale(1);    }    100% {        -ms-transform: scale(1.2);    }}@-o-keyframes kenburns_zoomInOut {    0% {        -o-transform: scale(1);    }    100% {        -o-transform: scale(1.2);    }}@keyframes kenburns_zoomInOut {    0% {        transform: scale(1);    }    100% {        transform: scale(1.2);    }}.kenburns_zoomOutIn >.carousel-inner >.item >img,.kenburns_zoomOutIn >.carousel-inner >.item >a >img{    -webkit-transform-origin: 0;    -moz-transform-origin: 0;    -ms-transform-origin: 0;    -o-transform-origin: 0;    transform-origin: 0;    -webkit-animation: kenburns_zoomOutIn 25s linear 0s infinite alternate;    -moz-animation: kenburns_zoomOutIn 25s linear 0s infinite alternate;    -o-animation: kenburns_zoomOutIn 25s linear 0s infinite alternate;    -ms-animation: kenburns_zoomOutIn 25s linear 0s infinite alternate;    animation: kenburns_zoomOutIn 25s linear 0s infinite alternate;}/*---------- ANIMATION ----------*/@-webkit-keyframes kenburns_zoomOutIn {    0% {        -webkit-transform: scale(1.3);    }    100% {        -webkit-transform: scale(1);    }}@-moz-keyframes kenburns_zoomOutIn {    0% {        -moz-transform: scale(1.3);    }    100% {        -moz-transform: scale(1);    }}@-ms-keyframes kenburns_zoomOutIn {    0% {        -ms-transform: scale(1.3);    }    100% {        -ms-transform: scale(1);    }}@-o-keyframes kenburns_zoomOutIn {    0% {        -o-transform: scale(1.3);    }    100% {        -o-transform: scale(1);    }}@keyframes kenburns_zoomOutIn {    0% {        transform: scale(1.3);    }    100% {        transform: scale(1);    }}/*------------------------------------------------------*//* RESPONSIVE/*------------------------------------------------------*/@media (max-width: 991px) {    .slide-text h1 {        font-size: 40px;        line-height: 50px;        margin-bottom: 20px;    }    .slide-text >p {        font-size: 18px;    }}/*---------- MEDIA 480px ----------*/@media  (max-width: 768px) {    .slide-text {        padding: 10px 50px;    }    .slide-text h1 {        font-size: 30px;        line-height: 40px;        margin-bottom: 10px;    }    .slide-text >p {        font-size: 15px;        line-height: 20px;        margin-bottom: 20px;    }    /*  .control-round .carousel-control{         display: none;     }*/}@media  (max-width: 480px) {    .slide-text {        padding: 10px 30px;    }    .slide-text h1 {        font-size: 20px;        line-height: 25px;        margin-bottom: 5px;    }    /*  .slide-text >p {         font-size: 12px;         line-height: 18px;         margin-bottom: 10px;     }*/    /*    .slide-text >a.btn-default,         .slide-text >a.btn-primary {            font-size: 10px;            line-height: 10px;            margin-right: 10px;            text-align: center;            padding: 10px 15px;        }        .indicators-line >.carousel-indicators{            display: none;        }*/}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/543(这个说明仅在演示里会看到,下载的源码里没有)*/